<template>
  <div class="cart-list">
    <scroll class="content">
      <li>r1</li>
      <li>r2</li>
      <li>r3</li>
      <li>r4</li>
      <li>r5</li>
      <li>r6</li>
      <li>r7</li>
      <li>r8</li>
      <li>r9</li>
      <li>r10</li>
      <li>r11</li>
      <li>r12</li>
      <li>r13</li>
      <li>r14</li>
      <li>r15</li>
      <li>r16</li>
      <li>r17</li>
      <li>r18</li>
      <li>r19</li>
      <li>r20</li>
      <li>r21</li>
      <li>r22</li>
      <li>r23</li>
      <li>r24</li>
      <li>r25</li>
      <li>r26</li>
      <li>r27</li>
      <li>r28</li>
      <li>r29</li>
      <li>r30</li>
      <li>r31</li>
      <li>r32</li>
      <li>r33</li>
      <li>r34</li>
      <li>r35</li>
      <li>r36</li>
      <li>r37</li>
      <li>r38</li>
      <li>r39</li>
      <li>r40</li>
      <li>r41</li>
      <li>r42</li>
      <li>r43</li>
      <li>r44</li>
      <li>r45</li>
      <li>r46</li>
      <li>r47</li>
      <li>r48</li>
      <li>r49</li>
      <li>r50</li>
      <li>r51</li>
      <li>r52</li>
      <li>r53</li>
      <li>r54</li>
      <li>r55</li>
      <li>r56</li>
      <li>r57</li>
      <li>r58</li>
      <li>r59</li>
      <li>r60</li>
      <li>r61</li>
      <li>r62</li>
      <li>r63</li>
      <li>r64</li>
      <li>r65</li>
      <li>r66</li>
      <li>r67</li>
      <li>r68</li>
      <li>r69</li>
      <li>r70</li>
      <li>r71</li>
      <li>r72</li>
      <li>r73</li>
      <li>r74</li>
      <li>r75</li>
      <li>r76</li>
      <li>r77</li>
      <li>r78</li>
      <li>r79</li>
      <li>r80</li>
      <li>r81</li>
      <li>r82</li>
      <li>r83</li>
      <li>r84</li>
      <li>r85</li>
      <li>r86</li>
      <li>r87</li>
      <li>r88</li>
      <li>r89</li>
      <li>r90</li>
      <li>r91</li>
      <li>r92</li>
      <li>r93</li>
      <li>r94</li>
      <li>r95</li>
      <li>r96</li>
      <li>r97</li>
      <li>r98</li>
      <li>r99</li>
      <li>r100</li>
    </scroll>
    
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import Scroll from 'components/common/scroll/Scroll.vue'
export default {
  components: { Scroll },
  name:"CartList",
  computed:{
    ...mapGetters(['cartList'])
  }
}
</script>

<style scoped>
  .cart-list{
    height: calc(100% - 44px - 49px);
    height: 100%;
  }
  .content{
    height: 100%;
    /* height: 475px; */
    overflow: hidden;
  }
</style>